<template>
  <div class="topfu">
     <router-link to="/classify/tab1">分类</router-link>
    <router-link to="/classify/tab2">品牌</router-link>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss">
    .topfu{
        width: 100%;
        height: .4rem;
        padding: .1rem;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #ccc;
        background-color: #fff;
        a{
             flex: 1;
            display: inline-block;
            color: #000;
        }
        a:nth-of-type(1){
            text-align: right;
            margin-right: .2rem;
        }
          a:nth-of-type(2){
            text-align: left;
        }
    }
</style>